<template>
  <div>
    <Header/>
    <nuxt />
    <Footer/>
  </div>
</template>
<script>
import '../static/fonts/iconfont.css'  // 引入字体图标 因为没有main的js 只能写在这里了
import Header from '~/components/_Header'
import Footer from '~/components/_Footer'
export default {
  components :{
    Header,
    Footer
  }
}
</script>


<style lang="stylus">
@import '../static/styl/reset.styl';
html {
  font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI',
    Roboto, 'Helvetica Neue', Arial, sans-serif;
  font-size: 16px;
  word-spacing: 1px;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  box-sizing: border-box;
}
#Headers
  .nva-list
    .nuxt-link-exact-active
      color #16B7FF !important
      transition .5s all
#swiper
  .banner-container
    position relative
    width 1440px
    height 100%
    margin 0 auto
    display flex
  .swiper-pagination-bullet
    width 120px
    height 4px
    background-color rgba(255, 255, 255, .4)
    border-radius 2px
    position relative
  .swiper-pagination-bullet-active
    position relative
  .swiper-pagination-bullet-active::before
    content ''
    animation middle 3s
    transform-origin left
    position absolute
    top 0
    left 0
    width 120px
    height 100%
    background-color rgba(255, 255, 255, 1)
    border-radius 2px
  .swiper-pagination
      bottom 43px !important
  @keyframes middle
    0%
      transform:scaleX(0);
    100%
      transform:scaleX(1);
</style>
